// 固定导航和返回顶部
var $header = $(".header");
var $search = $(".search");
var $backTop = $(".backtop");
// 1.获取一下今日团距离文档顶部的距离
var v1 = $search.offset().top - 2 * parseInt($header.css("height"));
// 2.给整个文档添加滚动事件
$(document).scroll(function () {
    var v2 = $(this).scrollTop();
    if (v2 === 0) {
        $header.removeClass("active");
    } else {
        $header.addClass("active");
    }
    // 3.在事件内部判断卷走的距离是否大于等于今日团距离顶部的间距
    if (v2 >= v1) {
        // 4.给今日团进行固定，让返回顶部按钮出现
        $search.addClass("active");
        $backTop.show();
    } else {
        // v2 低于 v1 恢复默认
        $search.removeClass("active");
        $backTop.hide();
    }
})

// 5.返回顶部，添加点击事件
// $backTop.click(function () {
//     // 让页面滚动到顶部
//     // 直接跳转到顶部
//     $(document).scrollTop(0);
// })
// 以运动方式返回顶部
$backTop.click(function () {
    // 让页面滚动到顶部
    // 滚动的元素要选择 html 或 body
    // 直接使用 document ，它是没有 scrollTop 属性的
    $("html,body").animate({ "scrollTop": 0 }, 500);
})